* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
body,
html {
  height: 100%;
}
.box {
  display: flex;
  justify-content: space-between;
  min-width: 1024px;
  max-width: 1920px;
  background-image: linear-gradient(90deg, #2b80a0, #eaf9bb);
  background-repeat: no-repeat;
  height: 100%;
  padding: 0.52083333rem;
}
.box .information {
  flex: 2;
  margin: 0.52083333rem;
  display: flex;
  flex-direction: column;
  padding: 0 1.04166667rem;
}
.box .information .order {
  display: flex;
  justify-content: space-between;
  padding: 0.52083333rem;
  margin-bottom: 1.04166667rem;
  font-size: 1.30208333rem;
}
.box .information .order li {
  height: 2.60416667rem;
  line-height: 2.60416667rem;
  white-space: nowrap;
}
.box .information .order li input {
  height: 2.60416667rem;
  vertical-align: top;
  outline: none;
}
.box .information .order li input::placeholder {
  font-size: 1.30208333rem;
}
.box .information .order li:nth-child(-n + 3) input {
  width: 13.02083333rem;
  margin-left: 1.04166667rem;
  border: 1px solid #267c9f;
  border-radius: 0.26041667rem;
  padding-left: 1.04166667rem;
  font-size: 1.30208333rem;
}
.box .information .order li:last-child input {
  width: 4.16666667rem;
  background-color: #237b9e;
  font-size: 1.30208333rem;
  color: #fff;
  border: 0;
  border-radius: 0.26041667rem;
}
.box .information .order li:last-child input:hover {
  background-color: #4b95a5;
}
.box .information .menu {
  flex: 1;
}
.box .information .menu table {
  width: 100%;
  border-collapse: collapse;
}
.box .information .menu table tr {
  border: 1px solid #aad0b2;
  display: flex;
  justify-content: space-between;
  height: 2.60416667rem;
  line-height: 2.60416667rem;
}
.box .information .menu table thead tr {
  border-radius: 0.52083333rem;
  background-image: linear-gradient(90deg, #93c2af, #5da3a9);
}
.box .information .menu table thead tr th {
  border-left: 1px solid #aad0b2;
  flex: 1;
  font-size: 1.5625rem;
}
.box .information .menu table thead tr th:first-child {
  border: 0;
}
.box .information .menu table thead tr.change {
  border-radius: 0.52083333rem 0.52083333rem 0 0;
}
.box .information .menu table tbody tr {
  background-image: linear-gradient(90deg, #5da3a9, #93c2af);
  margin-top: -1px;
}
.box .information .menu table tbody tr td {
  border-left: 1px solid #aad0b2;
  flex: 1;
  text-align: center;
}
.box .information .menu table tbody tr td:first-child {
  border: 0;
}
.box .information .menu table tbody tr:last-child {
  border-radius: 0 0 0.52083333rem 0.52083333rem;
}
.box .chart {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 0.52083333rem;
}
.box .chart .up {
  flex: 1;
  margin-bottom: 1.04166667rem;
}
.box .chart .down {
  flex: 1;
}
